<template>
	<div class="foot">
    	<yd-tabbar class="foo">
			<yd-tabbar-item title="首页" link="/">
				<yd-icon name="home" slot="icon" size="0.54rem"></yd-icon>
			</yd-tabbar-item>
			<yd-tabbar-item title="购物车" link="/shopping">
				<yd-icon name="shopcart-outline" slot="icon" size="0.54rem"></yd-icon>
			</yd-tabbar-item>
			<yd-tabbar-item title="个人中心" link="/personal_center">
				<yd-icon name="ucenter-outline" slot="icon" size="0.54rem"></yd-icon>
				<yd-badge slot="badge" type="danger">0</yd-badge>
			</yd-tabbar-item>
		</yd-tabbar>
    </div>
</template>

<script type="text/babel">
   export default {
		name: 'foot',
		data() {
			return {}
		}
	}
</script>
<style scoped>
	.foo{
		position: fixed;
		bottom: 0;
	}
</style>